<!DOCTYPE HTML>
<html>

<head>
    <title>Admin</title>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">

    <!-- CSS 
    ========================= -->
    <!--bootstrap min css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/bootstrap.min.css" )}}>

    <!--owl carousel min css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/owl.carousel.min.css" )}}>

    <!--slick min css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/slick.css" )}}>

    <!--magnific popup min css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/magnific-popup.css" )}}>

    <!--font awesome css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/font.awesome.css" )}}>

    <!--ionicons css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/ionicons.min.css" )}}>

    <!--7 stroke icons css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/pe-icon-7-stroke.css" )}}>

    <!--animate css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/animate.css" )}}>

    <!--jquery ui min css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/jquery-ui.min.css" )}}>

    <!--plugins css-->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/plugins.css" )}}>

    <!-- Main Style CSS -->
    <link rel="stylesheet" href={{ url_for( 'static', filename="assets/css/style.css" )}}>
</head>

<!-- <body>
    <h2>Add items</h2>
    <form action="/addItem" method="POST" enctype="multipart/form-data">
        Name: <input type="text" name="name"><br> Price: <input type="text" name="price"><br> Description: <textarea name="description" rows=3 cols="40"></textarea><br> Image: <input type="file" name="image"><br> Stock:
        <input type="text" name="stock"><br> Category: <select name="category">
			{% for row in categories %}
			<option value="{{row[0]}}">{{row[1]}}</option>
			{% endfor %}<br>
			Test:<input type="text" name="test"><br>
		</select><br>
        <input type="submit">
    </form>
</body> -->

<body>

    <div class="off_canvars_overlay">
    </div>

    <div class="breadcrumbs_area breadcrumbs_bg">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb_content">
                        <h3>Add Item</h3>
                        <ul>
                            <li><a href="index.html">home</a></li>
                            <li>Add Item</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="customer_login">
        <div class="container">
            <div class="row">


                <!--register area start-->
                <div class="col-lg-6 col-md-6">
                    <div class="account_form register">

                        <h2>Add items</h2>
                        <form action="/addItem" method="POST" enctype="multipart/form-data">
                            <p>
                                <label>Name: </label>
                                <input type="text" name="name">
                            </p>
                            <p>
                                <label>Price: </label>
                                <input type="text" name="price">
                            </p>
                            <p>
                                <label>Description: </label>
                                <textarea name="description" rows=3 cols="40"></textarea>
                            </p>
                            <p>
                                Image:
                                <input type="file" name="image">
                            </p>
                            <p>
                                <label>Stock: </label>
                                <input type="text" name="stock">
                            </p>
                            <p>
                                <label>Category: </label>
                                <select name="category">
									{% for row in categories %}
									<option value="{{row[0]}}">{{row[1]}}</option>
									{% endfor %}<br>
									<!-- Test:<input type="text" name="test"><br> -->
								</select>
                                <div class="login_submit">
                                    <button type="submit"> submit</button>
                                </div>
                            </p>
                        </form>

                    </div>
                </div>
                <!--register area end-->
            </div>
        </div>
    </div>

    <a id="scrollUp" href="#top" style="position: fixed; z-index: 2147483647; display: inline;"><i
			class="fa fa-angle-double-up"></i></a>

    <!-- </form>-->
</body>

</html>